<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <script>
        //【1】直接为函数指定默认参数。
        function add(x, y) {
            var x = x || 20;
            var y = y || 30;
            return x + y;
        };
        console.log(add()); // 50
        //下面是es6语法改造。
        function add(x = 20, y = 30) {
            return x + y;
        }
        console.log(add());
        //在实际开发中给参数添加适当的默认值，可以让我们对函数的参数类型有一个直观的认知。
        const ButtonGroupProps = {
            size: 'normal',
            className: 'xxxx-button-group',
            borderColor: '#333'
        };
        export default function ButtonGroup(props = ButtonGroupProps) {
            // ... ...
        }
    </script>
</body>

</html>